<template>
	<view class="flex-column">
		<Header></Header>
		<view class="headertop"></view>
		<view class="banner flex-column flex-center flex-align">
			<view class="banner-wenzi">
				<view class="banner-wenzi-top">智慧园区</view>
				<view class="banner-wenzi-bottom">用3D可视技术搭建物联管控智慧化新园区</view>
			</view>
		</view>
		<view class="anli flex-column flex-center flex-align">
			<view class="title">应用案例</view>
			<u-swiper :list="list2" keyName="image" showTitle :autoplay="false" circular class="lunbo" height="200">
			</u-swiper>

		</view>
		<view class="linian flex-column flex-center flex-align">
			<view class="title">行业痛点</view>
			<view class="item flex-column flex-center flex-align">
				<view class="waiquan flex-column flex-center flex-align">
					<view class="yuan yuan1"></view>
				</view>
				<view class="item-title">安全监管难</view>
				<view class="item-concent">安全是保障生产的重要前提，安防数字化程度不高，巡更检查、应急指挥以人工为主，存在较大的安全隐患</view>
			</view>
			<view class="item flex-column flex-center flex-align">
				<view class="waiquan flex-column flex-center flex-align">
					<view class="yuan yuan2"></view>
				</view>
				<view class="item-title">人车环资资产管理繁重</view>
				<view class="item-concent">安环、人员、车辆、设备、资料、建筑等资产信息没有成体系的数字化支撑，无法统一监管</view>
			</view>
			<view class="item flex-column flex-center flex-align">
				<view class="waiquan flex-column flex-center flex-align">
					<view class="yuan yuan3"></view>
				</view>
				<view class="item-title">态势感知力弱</view>
				<view class="item-concent">人员与车辆流动、设备运行与能耗等态势无法实时感知，管理者对园区的态势感知能力弱，整体掌控能力差，易产生管理漏洞</view>
			</view>

		</view>
		<view class="jiejue flex-column flex-center flex-align">
			<view class="title2">解决方案</view>
			<view class="jiejue-pic"></view>
			<view class="juejue-concent">
				随点智慧园区解决方案基于物联网平台、随点数据平台和随点低代码开发平台搭建，运用低代码技术配置接入园区智能物联设备，结合随点快速搭建3D园区场景，以可视化的形式应用和展现智慧园区物联监测、管理、运维、应急等业务系统。
			</view>
		</view>
		<view class="yewujieshao flex-column flex-center flex-align">
			<view class="title">方案特点</view>
			<view class="yewujieshao-line flex-row flex-between flex-align">
				<view class="yewujieshao-item flex-column flex-center flex-align">
					<view class="yewujieshao-item-pic"></view>
					<view class="yewujieshao-item-title">01</view>
					<view class="yewujieshao-item-concent">细致还原的3D园区漫游展现</view>
				</view>
				<view class="yewujieshao-item flex-column flex-center flex-align ">
					<view class="yewujieshao-item-pic2"></view>
					<view class="yewujieshao-item-title">02</view>
					<view class="yewujieshao-item-concent">人、车、环、资、设全种类数据驾驶舱</view>
				</view>

			</view>
			<view class="yewujieshao-line flex-row flex-between flex-align">
				<view class="yewujieshao-item flex-column flex-center flex-align">
					<view class="yewujieshao-item-pic3"></view>
					<view class="yewujieshao-item-title">03</view>
					<view class="yewujieshao-item-concent">覆盖各类IoT智能设备监测、控制、运维管理</view>
				</view>
				<view class="yewujieshao-item flex-column flex-center flex-align ">
					<view class="yewujieshao-item-pic4"></view>
					<view class="yewujieshao-item-title">04</view>
					<view class="yewujieshao-item-concent">音视频融合的应急指挥响应</view>
				</view>

			</view>
		</view>
		<Footer></Footer>
	</view>
</template>

<script>
	import Header from '@/commonponet/header/header.vue'
	import Footer from '@/commonponet/footer/footer.vue'
	export default {
		components: {
			Header,
			Footer

		},
		data() {
			return {
				title: '',
				list2: [{
					image: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/park/1-220PG5314O22.jpg',
					title: '智慧园区数字驾驶舱',
				}, {
					image: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/park/1-220PG53203N9.jpg',
					title: '智慧园区'
				}, {
					image: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/park/1-220PG531133T.jpg',
					title: '智慧园区大数据展示'
				}, {
					image: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/park/1-220PG53130515.jpg',
					title: '智慧园区数据驾驶舱'
				}, {
					image: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/park/1-220PG53220645.jpg',
					title: '智慧园区大数据'
				}],
			}
		},
		onLoad() {

		},
		onShow() {

		},
		methods: {

		}
	}
</script>

<style>
	.headertop {
		width: 100%;
		height: 88rpx;
	}

	.banner {
		width: 100%;
		height: 448rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/park/banner_yq.jpg');
		background-size: 100%;
	}

	.banner-wenzi {
		width: 90%;
		color: #ffffff;
	}

	.banner-wenzi-top {
		font-size: 36rpx;
		font-weight: 700;
		margin-bottom: 10rpx;
	}

	.anli {
		width: 100%;
		height: 574rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/bg_yyal@2x.png');
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: bottom;
	}

	.title {
		color: #333333;
		font-size: 34rpx;
		font-weight: 600;
		line-height: 120rpx;
	}

	.title2 {
		color: #ffffff;
		font-size: 34rpx;
		font-weight: 600;
		line-height: 120rpx;
	}

	.lunbo {
		width: 90%;
	}

	.linian {
		width: 100%;
		height: 1400rpx;
	}

	.waiquan {
		width: 188rpx;
		height: 188rpx;
		border-radius: 94rpx;
		border: #3485ee 1rpx dashed;
		margin-bottom: 10rpx;
	}

	.yuan1 {
		background-size: 60%;
		background-position: 50%;
		background-repeat: no-repeat;
		background-color: #3485ee;
		width: 130rpx;
		height: 130rpx;
		border-radius: 94rpx;
		box-shadow: rgba(52, 133, 238, 0.2) 0px 7px 29px 0px;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_chuangxin.png');
	}

	.yuan2 {
		background-size: 46%;
		background-position: 50%;
		background-repeat: no-repeat;
		background-color: #3485ee;
		width: 130rpx;
		height: 130rpx;
		border-radius: 94rpx;
		box-shadow: rgba(52, 133, 238, 0.2) 0px 7px 29px 0px;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_wending.png');
	}

	.yuan3 {
		background-size: 46%;
		background-position: 50%;
		background-repeat: no-repeat;
		background-color: #3485ee;
		width: 130rpx;
		height: 130rpx;
		border-radius: 94rpx;
		box-shadow: rgba(52, 133, 238, 0.2) 0px 7px 29px 0px;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_anquan.png');
	}

	.item {
		margin-top: 40rpx;
	}

	.item-title {
		font-size: 28rpx;
		font-weight: 600;
		line-height: 60rpx;
	}

	.item-concent {
		width: 90%;
		color: #666666;
		font-size: 26rpx;
		text-align: center;
	}

	.licheng {
		width: 100%;
		height: 1300rpx;
	}

	.licheng-top {
		width: 90%;
		height: 260rpx;
		margin-top: 40rpx;
		/* background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */

	}

	.licheng-top-item {
		width: 38%;
		height: 260rpx;
		background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		padding: 30rpx;
	}

	.licheng-top-item-top {
		margin-bottom: 30rpx;
	}

	.licheng-title {
		font-size: 28rpx;
		font-weight: 600;
	}

	.licheng-time {
		position: relative;
		right: -30rpx;
		font-size: 22rpx;
		width: 80px;
		height: 30px;
		background: #FFC244;
		border-radius: 20px 0px 0px 20px;
		text-align: center;
		line-height: 54rpx !important;
	}

	.licheng-concent {
		font-size: 24rpx;
		line-height: 40rpx;
		color: #666666;
	}

	.licheng-concent-dian {
		width: 6px;
		height: 6px;
		background: #FFC244;
		margin-right: 14rpx;
	}

	.licheng-concent-wenzi {
		width: 600rpx;
		font-size: 24rpx;
		line-height: 40rpx;
		color: #666666;
	}

	.jiasu {
		width: 80%;
		height: 400rpx;
		background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		padding: 30rpx;
		margin-top: 50rpx;

	}

	.zhuanxing {
		width: 80%;
		height: 260rpx;
		background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		padding: 30rpx;
		margin-top: 20rpx;
	}

	.jiejue {
		width: 100%;
		height: 960rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/bg_jiejuefangan.png');

	}

	.jiejue-pic {
		width: 90%;
		height: 380rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/park/Solut8.jpg');
		background-size: 100%;
		background-repeat: no-repeat;

	}

	.juejue-concent {
		width: 84%;
		height: 274rpx;
		padding: 20rpx;
		background-color: rgba(9, 22, 40, 0.2);
		margin-top: 30rpx;
		font-size: 26rpx;
		color: #ffffff;
	}

	.yewujieshao {
		width: 100%;
		height: 1000rpx;
	}

	.yewujieshao-line {
		width: 90%;
		height: 394rpx;
	}

	.yewujieshao-item {
		width: 48%;
	}

	.yewujieshao-item-pic {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/park/Solut12.jpg');
		background-size: 100%;
	}

	.yewujieshao-item-pic2 {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/park/Solut13.jpg');
		background-size: 100%;
	}

	.yewujieshao-item-pic3 {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/park/Solut14.jpg');
		background-size: 100%;
	}

	.yewujieshao-item-pic4 {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/park/Solut15.jpg');
		background-size: 100%;
	}

	.yewujieshao-item-title {
		font-size: 30rpx;
		font-weight: bold;
		color: #333333;
		margin-top: 20rpx;

	}

	.yewujieshao-item-concent {
		font-size: 26rpx;
		color: #666666;
		margin-top: 20rpx;
		text-align: center;
		height: 106rpx;
	}
</style>
